import './assets/main.css'
import FcDesignerMobile from '@form-create/vant-designer'
import ELEMENT from 'element-plus';
import vant from 'vant';
import 'vant/lib/index.css';
import 'element-plus/dist/index.css';
import FcDesigner from '@form-create/antd-designer'
import antd from 'ant-design-vue';
import 'ant-design-vue/dist/reset.css';
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import SimpleCard from '@/components/SimpleCard/index.vue'
import ComponentAdderLayer from "@/components/ComponentAdderLayer/index.vue"


import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'


const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

FcDesigner.component('SimpleCard', SimpleCard);
FcDesigner.component('ComponentAdderLayer', ComponentAdderLayer);
app.component("SimpleCard", SimpleCard);
app.component("ComponentAdderLayer",ComponentAdderLayer)

app.use(antd);
app.use(FcDesigner)
app.use(FcDesigner.formCreate)
app.use(ELEMENT)
app.use(vant)
app.use(FcDesignerMobile)
app.use(FcDesignerMobile.formCreate)
app.use(createPinia())
app.use(router)

app.mount('#app')
